Ext.override(Ext.dd.DDProxy, {
	
	startDrag: function(x, y) {
        var dragEl = Ext.get(this.getDragEl());
        var el = Ext.get(this.getEl());
 
        dragEl.applyStyles({border:'','z-index':2000});
        dragEl.update(el.dom.innerHTML);
        dragEl.addClass(el.dom.className +' dd-proxy');
    },    

    onDragOver: function(e, targetId) {
    //    console.log('dragOver: ' + targetId);
        if('hotzone' === targetId) {
            var target = Ext.get(targetId);
            this.lastTarget = target;
            target.addClass('dd-over');
        }
    },
 
      onDragOut: function(e, targetId) {
    //    console.log('hotzone: ' + targetId);
        if('hotzone' === targetId) {
            var target = Ext.get(targetId);
            this.lastTarget = null;
            target.removeClass('dd-over');
        }
    },

    
    endDrag: function() {
        var dragEl = Ext.get(this.getDragEl());
        var el = Ext.get(this.getEl());
   
        
        if(this.lastTarget === Ext.get('hotzone')) {
               	if('function' === typeof this.config.fn) {
        		this.config.fn.apply(this.config.scope || window, [dragEl, this.config.dragData]);
        	}
        }
        
        this.lastTarget = null;
        Ext.get('hotzone').removeClass('dd-over');
         
    }

});